<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width,initial-scale=1.0" name="viewport">

    <link href="<%= BASE_URL %>favicon.ico" rel="icon">
    <!-- require APlayer  音乐播放器特效暂时关闭 -->
    <!--    <link href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css" rel="stylesheet">
        <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>-->

    <!--设置客户端的ip地址，通过搜狐提供的API获取-->
   <!-- <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
    <script type="text/javascript">
        //网络ip地址
        sessionStorage.setItem('yourIp', returnCitySN["cip"]);
        //属地
        sessionStorage.setItem('address', returnCitySN["cname"]);
    </script>-->

    <!--  樱花特效-->
    <script src="https://cdn.jsdelivr.net/gh/yremp/yremp-js@1.5/sakura.js"></script>


    <!--    特效占用cpu过多，暂时不用-->
    <!--    一种live2d看板娘-->
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
     <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>-->
    <!--live2d看板娘-->
    <!--
        <script src="https://cdn.jsdelivr.net/gh/yubifeng/blog-resource/bloghosting/website/js/live2d/lib/L2Dwidget.min.js"></script>
    -->
    <script src="https://cdn.jsdelivr.net/gh/coder-msc/mycdn/website/js/live2d/lib/L2Dwidget.min.js"></script>
    <script>
        let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
        if (!flag) {
            L2Dwidget.init({
                // "model": {
                //     jsonPath: "https://cdn.jsdelivr.net/gh/yubifeng/blog-resource/bloghosting/website/js/live2d/model/packages/live2d-widget-model-koharu/assets/koharu.model.json",
                //     "scale": 1
                // },
                "display": {
                    "position": "right", //看板娘的表现位置
                    "width": 150,  //小萝莉的宽度
                    "height": 300, //小萝莉的高度
                    "hOffset": 20,//小萝莉的X偏移量
                    "vOffset": -20//小萝莉的Y偏移量

                },
                "mobile": {
                    "show": true,
                    "scale": 0.5
                },
                "react": {
                    "opacityDefault": 0.7,//小萝莉的透明度
                    "opacityOnHover": 0.2
                },
                dialog: {
                    // 开启对话框
                    enable: true,
                    script: {
                        // 当触摸到角色身体
                        'tap body': '哎呀！别碰我！',
                        // 当触摸到角色头部
                        'tap face': '人家已经不是小孩子了！'
                    }
                }
            });
        }
    </script>
    <title>Hello,Cheems!</title>
</head>
<body>
<noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
</noscript>


<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
